<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link href="css/style.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="page">
    <div class="index-top">
        <div class="header">
            <a class="logo fl" href="index.html">
                <img src="images/head-logo.png" alt="logo">
            </a>
            <div class="header-search fl">
                <i class="search-icon fl"></i>
                <input type="text" class="search-input fl" placeholder="搜索">
            </div>

            <div class="index-nav fl">
                <ul class="nav-list">
                    <li>
                        <a href="">首页</a>
                    </li>
                    <li>
                        <a href="">我要接单</a>
                    </li>
                    <li>
                        <a href="">我要发单</a>
                    </li>
                    <li>
                        <a href="">青蛙服务</a>
                    </li>
                    <li>
                        <a href="">青蛙问答</a>
                    </li>
                    <li>
                        <a href="">示范推广</a>
                    </li>
                </ul>
            </div>

            <div class="index-auth fr">
                <i class="i-personal-icon fl"></i>
                <div class="i-auth-box fl">
                    <a href="">登录</a>
                    <i class="fr-line">&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;</i>
                    <a href="">注册</a>
                </div>
            </div>
        </div>
    </div>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="swiper-img" style="background: url('images/banner.png') center center no-repeat;"></div>
            </div>
            <div class="swiper-slide">
                <div class="swiper-img" style="background: url('images/banner2.png') center center no-repeat;"></div>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-box">
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>

    <div class="index-step">
        <div class="step-item step-item1 fl"></div>
        <div class="step-item step-item2 fl"></div>
        <div class="step-item step-item3 fl"></div>
        <div class="step-item step-item4 fl"></div>
    </div>

    <div class="index-type">
        <div class="billing-lf fl">
            <ul class="industry-type">
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>

                <li class="other-industry-type">
                    <a class="a-line">其他 ></a>
                </li>
            </ul>

            <ul class="industry-type" style="margin-top: 20px;">
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>
                <li>
                    <a class="a-line">电力行业</a>
                </li>

                <li class="other-industry-type">
                    <a class="a-line">其他 ></a>
                </li>
            </ul>

            <div class="billing-lf-bottom">
                <div class="billing-bottom-item fl">
                    <i class="billing-bottom-item1"></i>
                    <span>悬赏</span>
                </div>
                <div class="billing-bottom-item fl">
                    <i class="billing-bottom-item2"></i>
                    <span>急单</span>
                </div>
                <div class="billing-bottom-item fl">
                    <i class="billing-bottom-item3"></i>
                    <span style="width: 95%;">大单</span>
                </div>
                <div class="billing-bottom-item fl">
                    <i class="billing-bottom-item4"></i>
                    <span>新单</span>
                </div>
                <div class="billing-bottom-item fl">
                    <i class="billing-bottom-item5"></i>
                    <span>热单</span>
                </div>
            </div>
        </div>

        <div class="billing-lr fl">
            <div class="notice-box">
                <div class="fl">
                    <i class="notice-icon fl"></i>
                    <span class="notice-title">公告：&nbsp;&nbsp;&nbsp;</span>
                </div>
                <div class="notice-container fl">
                    <div class="swiper-wrapper">
                        <a class="swiper-slide notice-slide a-line" href="">公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告公告</a>
                        <a class="swiper-slide notice-slide a-line" href="">22222222222222222222222222222222222</a>
                        <a class="swiper-slide notice-slide a-line" href="">3333333333333333333333333333333333333333</a>
                        <a class="swiper-slide notice-slide a-line" href="">asdasdsagfffffffffffffffffffffffffffffffffffffffffffs</a>
                    </div>
                    <!-- Add Arrows -->
                    <div class="notice-button-box fr">
                        <div class="notice-button-next fr"></div>
                        <div class="notice-button-prev fl"></div>
                    </div>
                </div>
            </div>

            <div class="notice-order">已有&nbsp;&nbsp;<span class="order-num">15211</span>&nbsp;&nbsp;人发布订单</div>

            <div class="notice-btn-box">
                <a href="" class="notice-btn fl">我要发单</a>
                <a href="" class="notice-btn fl">找集成商</a>
            </div>
        </div>
    </div>

    <div class="new-billing-box">
        <div class="new-billing">
            <div class="new-billing-title"></div>
            <div class="billing-box">
                <div class="billing-container">
                    <div class="swiper-wrapper">
                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl blue-circular"></i>
                                    <span class="fl">终端订单</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl orange-circular"></i>
                                    <span class="fl">项情交易</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl green-circular"></i>
                                    <span class="fl">协助签单</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl violet-circular"></i>
                                    <span class="fl">分工派活</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl blue-circular"></i>
                                    <span class="fl">终端订单</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl orange-circular"></i>
                                    <span class="fl">项情交易</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl green-circular"></i>
                                    <span class="fl">协助签单</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl violet-circular"></i>
                                    <span class="fl">分工派活</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl blue-circular"></i>
                                    <span class="fl">终端订单</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl orange-circular"></i>
                                    <span class="fl">项情交易</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl green-circular"></i>
                                    <span class="fl">协助签单</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>

                        <a class="swiper-slide" href="" title="啊收到了卡萨丁阿里SD卡就算了贷款啊">
                            <div class="index-new-item">
                                <div class="new-item-title t-line">啊收到了卡萨丁阿里SD卡就算了贷款啊</div>
                                <div class="new-item-type">
                                    <i class="index-circular fl violet-circular"></i>
                                    <span class="fl">分工派活</span>
                                </div>
                                <div class="new-item-type">
                                    <i class="new-price">10-20万</i>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<i style="color: #999999;">上海</i>
                                </div>
                                <div class="new-personal">
                                    <img src="images/index-avatar.png" class="fl" width="39" height="39">
                                    <span class="new-item-name fl">彭亿</span>
                                    <span class="new-item-time fl">发布于 1小时前</span>
                                </div>
                            </div>
                        </a>
                    </div>

                    <!-- Add Pagination -->
                    <div class="billing-pagination"></div>
                    <!-- Add Arrows -->
                    <div class="billing-button-box">
                        <div class="billing-button-next fr"></div>
                        <div class="billing-button-prev fl"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="index-list-box">
        <div class="index-list-top">
            <div class="index-list-title terminal-title fl">
                <span>终端询盘</span>
            </div>

            <a class="index-more fr" href="">MORE ></a>
        </div>


        <div class="terminal-item-box">
            <div class="terminal-item fl">
                <!--悬赏图标-->
                <span class="reward-icon"></span>
                <div class="terminal-item-top">
                    <!--hot图标-->
                    <i class="index-hot-icon fl"></i>
                    <p class="terminal-item-title a-line fl">白酒球头瓶盖自动上盖生产线</p>
                    <p class="terminal-item-num fr"><span class="terminal-item-orange">48人</span>申请接单</p>
                </div>

                <div class="terminal-item-middle">
                    <span class="terminal-item-orange">10-20万</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <span class="glyphicon glyphicon-time index-time-icon"></span>
                    <span class="index-date-end">截止日期：2017-10-21</span>&nbsp;&nbsp;&nbsp;
                    <span>上海</span>
                </div>

                <div class="terminal-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="terminal-item-like fr">
                        <span class="index-heart-empty fl"></span>
                        <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>

            <div class="terminal-item fl">
                <div class="terminal-item-top">
                    <!--hot图标-->
                    <i class="index-hot-icon fl"></i>
                    <p class="terminal-item-title a-line fl">白酒球头瓶盖自动上盖生产线</p>
                    <p class="terminal-item-num fr"><span class="terminal-item-orange">48人</span>申请接单</p>
                </div>

                <div class="terminal-item-middle">
                    <span class="terminal-item-orange">10-20万</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <span class="glyphicon glyphicon-time index-time-icon"></span>
                    <span class="index-date-end">截止日期：2017-10-21</span>&nbsp;&nbsp;&nbsp;
                    <span>上海</span>
                </div>

                <div class="terminal-item-foot">
                    <div class="new-personal fl">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="terminal-item-like fr">
                        <span class="index-heart-empty fl"></span>
                        <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>

            <div class="terminal-item fl">
                <div class="terminal-item-top">
                    <p class="terminal-item-title a-line fl">白酒球头瓶盖自动上盖生产线</p>
                    <p class="terminal-item-num fr"><span class="terminal-item-orange">48人</span>申请接单</p>
                </div>

                <div class="terminal-item-middle">
                    <span class="terminal-item-orange">10-20万</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <span class="glyphicon glyphicon-time index-time-icon"></span>
                    <span class="index-date-end">截止日期：2017-10-21</span>&nbsp;&nbsp;&nbsp;
                    <span>上海</span>
                </div>

                <div class="terminal-item-foot">
                    <div class="new-personal fl">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="terminal-item-like fr">
                        <span class="index-heart-empty fl"></span>
                        <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>

            <div class="terminal-item fl">
                <!--悬赏图标-->
                <span class="reward-icon"></span>
                <div class="terminal-item-top">
                    <!--hot图标-->
                    <i class="index-hot-icon fl"></i>
                    <p class="terminal-item-title a-line fl">白酒球头瓶盖自动上盖生产线</p>
                    <p class="terminal-item-num fr"><span class="terminal-item-orange">48人</span>申请接单</p>
                </div>

                <div class="terminal-item-middle">
                    <span class="terminal-item-orange">10-20万</span>&nbsp;&nbsp;&nbsp;&nbsp;
                    <span class="glyphicon glyphicon-time index-time-icon"></span>
                    <span class="index-date-end">截止日期：2017-10-21</span>&nbsp;&nbsp;&nbsp;
                    <span>上海</span>
                </div>

                <div class="terminal-item-foot">
                    <div class="new-personal fl">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="terminal-item-like fr">
                        <span class="index-heart-empty fl"></span>
                        <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="index-list-box">
       <div class="index-list-top">
           <div class="index-list-title transaction-title fl">
               <span>项情交易</span>
           </div>

           <a class="index-more fr" href="">MORE ></a>
       </div>

        <div class="transaction-item-box">
            <div class="transaction-item fl">
                <div class="terminal-item-top">
                    <!--hot图标-->
                    <i class="index-hot-icon fl"></i>
                    <p class="transaction-item-title a-line fl">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>
                </div>

                <div class="terminal-item-middle">
                    <span>标价：</span>
                    <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="terminal-item-orange">48人</span>申请接单
                </div>

                <div class="terminal-item-middle transaction-time-end">
                    <i class="glyphicon glyphicon-time"></i>
                    <span>截止申请日期：2017-10-21</span>
                </div>

                <div class="transaction-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="transaction-item-like">
                        <span class="index-heart-empty fl" style="top: 3px;"></span>
                        <div class="terminal-item-num fl"><span class="terminal-item-orange">278人</span>感兴趣</div>
                    </div>

                    <div class="terminal-item-like fr">
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>
            <div class="transaction-item fl">
                <!--悬赏图标-->
                <span class="reward-icon transaction-icon"></span>
                <div class="terminal-item-top">
                    <p class="transaction-item-title a-line fl">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>
                </div>

                <div class="terminal-item-middle">
                    <span>标价：</span>
                    <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="terminal-item-orange">48人</span>申请接单
                </div>

                <div class="terminal-item-middle transaction-time-end">
                    <i class="glyphicon glyphicon-time"></i>
                    <span>截止申请日期：2017-10-21</span>
                </div>

                <div class="transaction-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="transaction-item-like">
                        <span class="index-heart-empty fl" style="top: 3px;"></span>
                        <div class="terminal-item-num fl"><span class="terminal-item-orange">278人</span>感兴趣</div>
                    </div>

                    <div class="terminal-item-like fr">
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>
            <div class="transaction-item fl">
                <div class="terminal-item-top">
                    <p class="transaction-item-title a-line fl">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>
                </div>

                <div class="terminal-item-middle">
                    <span>标价：</span>
                    <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="terminal-item-orange">48人</span>申请接单
                </div>

                <div class="terminal-item-middle transaction-time-end">
                    <i class="glyphicon glyphicon-time"></i>
                    <span>截止申请日期：2017-10-21</span>
                </div>

                <div class="transaction-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="transaction-item-like">
                        <span class="index-heart-empty fl" style="top: 3px;"></span>
                        <div class="terminal-item-num fl"><span class="terminal-item-orange">278人</span>感兴趣</div>
                    </div>

                    <div class="terminal-item-like fr">
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="index-process">
        <div class="progress-btn-box">
            <a class="progress-btn fl" href="">接单流程</a>
            <a class="progress-btn fr" href="">发单流程</a>
        </div>
    </div>

    <div class="index-list-box">
        <div class="index-list-top">
            <div class="index-list-title h-sign-title fl">
                <span>携单助签</span>
            </div>

            <a class="index-more fr" href="">MORE ></a>
        </div>

        <div class="terminal-item-box">
            <div class="terminal-item fl">
                <!--悬赏图标-->
                <span class="reward-icon"></span>
                <div class="terminal-item-top">
                    <!--hot图标-->
                    <i class="index-hot-icon fl"></i>
                    <p class="terminal-item-title a-line fl">白酒球头瓶盖自动上盖生产线</p>
                    <p class="terminal-item-num fr"><span class="terminal-item-orange">48人</span>申请接单</p>
                </div>

                <div class="terminal-item-middle">
                    <span>助签佣金：</span>
                    <span class="terminal-item-orange">9000元/面议</span>&nbsp;&nbsp;&nbsp;
                    <span class="glyphicon glyphicon-time index-time-icon"></span>
                    <span>截止日期：2017-10-21</span>
                </div>

                <div class="terminal-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="terminal-item-like fr">
                        <span class="index-heart-empty fl"></span>
                        <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>

            <div class="terminal-item fl">
                <div class="terminal-item-top">
                    <p class="terminal-item-title a-line fl">白酒球头瓶盖自动上盖生产线</p>
                    <p class="terminal-item-num fr"><span class="terminal-item-orange">48人</span>申请接单</p>
                </div>

                <div class="terminal-item-middle">
                    <span>助签佣金：</span>
                    <span class="terminal-item-orange">9000元/面议</span>&nbsp;&nbsp;&nbsp;
                    <span class="glyphicon glyphicon-time index-time-icon"></span>
                    <span>截止日期：2017-10-21</span>
                </div>

                <div class="terminal-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="terminal-item-like fr">
                        <span class="index-heart-empty fl"></span>
                        <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>

            <div class="terminal-item fl">
                <div class="terminal-item-top">
                    <p class="terminal-item-title a-line fl">白酒球头瓶盖自动上盖生产线</p>
                    <p class="terminal-item-num fr"><span class="terminal-item-orange">48人</span>申请接单</p>
                </div>

                <div class="terminal-item-middle">
                    <span>助签佣金：</span>
                    <span class="terminal-item-orange">9000元/面议</span>&nbsp;&nbsp;&nbsp;
                    <span class="glyphicon glyphicon-time index-time-icon"></span>
                    <span>截止日期：2017-10-21</span>
                </div>

                <div class="terminal-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="terminal-item-like fr">
                        <span class="index-heart-empty fl"></span>
                        <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>

            <div class="terminal-item fl">
                <!--悬赏图标-->
                <span class="reward-icon"></span>
                <div class="terminal-item-top">
                    <p class="terminal-item-title a-line fl">白酒球头瓶盖自动上盖生产线</p>
                    <p class="terminal-item-num fr"><span class="terminal-item-orange">48人</span>申请接单</p>
                </div>

                <div class="terminal-item-middle">
                    <span>助签佣金：</span>
                    <span class="terminal-item-orange">9000元/面议</span>&nbsp;&nbsp;&nbsp;
                    <span class="glyphicon glyphicon-time index-time-icon"></span>
                    <span>截止日期：2017-10-21</span>
                </div>

                <div class="terminal-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="terminal-item-like fr">
                        <span class="index-heart-empty fl"></span>
                        <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="index-list-box">
        <div class="index-list-top">
            <div class="index-list-title labor-title fl">
                <span>分工派活</span>
            </div>

            <a class="index-more fr" href="">MORE ></a>
        </div>

        <div class="labor-item-box">
            <div class="transaction-item fl">
                <div class="terminal-item-top">
                    <!--hot图标-->
                    <i class="index-hot-icon fl"></i>
                    <p class="transaction-item-title a-line fl">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>
                </div>

                <div class="terminal-item-middle">
                    <span>预算：</span>
                    <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="terminal-item-orange">48人</span>申请接单
                </div>

                <div class="terminal-item-middle transaction-time-end">
                    <i class="glyphicon glyphicon-time"></i>
                    <span>截止申请日期：2017-10-21</span>
                </div>

                <div class="transaction-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="transaction-item-like">
                        <span class="index-heart-empty fl" style="top: 3px;"></span>
                        <div class="terminal-item-num fl"><span class="terminal-item-orange">278人</span>感兴趣</div>
                    </div>

                    <div class="terminal-item-like fr">
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>
            <div class="transaction-item fl">
                <!--悬赏图标-->
                <span class="reward-icon transaction-icon"></span>
                <div class="terminal-item-top">
                    <p class="transaction-item-title a-line fl">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>
                </div>

                <div class="terminal-item-middle">
                    <span>预算：</span>
                    <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="terminal-item-orange">48人</span>申请接单
                </div>

                <div class="terminal-item-middle transaction-time-end">
                    <i class="glyphicon glyphicon-time"></i>
                    <span>截止申请日期：2017-10-21</span>
                </div>

                <div class="transaction-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="transaction-item-like">
                        <span class="index-heart-empty fl" style="top: 3px;"></span>
                        <div class="terminal-item-num fl"><span class="terminal-item-orange">278人</span>感兴趣</div>
                    </div>

                    <div class="terminal-item-like fr">
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>
            <div class="transaction-item fl">
                <div class="terminal-item-top">
                    <p class="transaction-item-title a-line fl">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>
                </div>

                <div class="terminal-item-middle">
                    <span>预算：</span>
                    <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="terminal-item-orange">48人</span>申请接单
                </div>

                <div class="terminal-item-middle transaction-time-end">
                    <i class="glyphicon glyphicon-time"></i>
                    <span>截止申请日期：2017-10-21</span>
                </div>

                <div class="transaction-item-foot">
                    <div class="new-personal fl" style="margin-top: 24px;">
                        <img src="images/index-avatar.png" class="fl" width="39" height="39">
                        <span class="new-item-name fl">彭亿</span>
                        <span class="new-item-time fl">发布于 1小时前</span>
                    </div>

                    <div class="transaction-item-like">
                        <span class="index-heart-empty fl" style="top: 3px;"></span>
                        <div class="terminal-item-num fl"><span class="terminal-item-orange">278人</span>感兴趣</div>
                    </div>

                    <div class="terminal-item-like fr">
                        <a href="" class="terminal-item-btn fl">详情 ></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="integrator-box">
        <div class="integrator-content">
            <div class="integrator-title">
                <div class="integrator-title-left fl">
                    <span>青蛙智客</span>
                    <span class="integrator-title-des">优质集成商培育平台</span>
                </div>
                <a class="index-more fr" href="">更多 ></a>
            </div>
            <div class="integrator-item-box">
                <div class="integrator-item fl">
                    <div class="integrator-img">
                        <img src="images/integrator1.png" width="114" height="114">
                    </div>

                    <p class="integrator-name">集成商名称</p>

                    <div class="integrator-des f-line">集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...</div>
                </div>
                <div class="integrator-item fl">
                    <div class="integrator-img">
                        <img src="images/integrator2.png" width="114" height="114">
                    </div>

                    <p class="integrator-name">集成商名称</p>

                    <div class="integrator-des f-line">集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...</div>
                </div>
                <div class="integrator-item fl">
                    <div class="integrator-img">
                        <img src="images/integrator3.png" width="114" height="114">
                    </div>

                    <p class="integrator-name">集成商名称</p>

                    <div class="integrator-des f-line">集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...</div>
                </div>
                <div class="integrator-item fl">
                    <div class="integrator-img">
                        <img src="images/integrator4.png" width="114" height="114">
                    </div>

                    <p class="integrator-name">集成商名称</p>

                    <div class="integrator-des f-line">集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...集成商介绍内容介绍内容...</div>
                </div>
            </div>
        </div>
    </div>

    <div class="like-box">
        <div class="like-content">
            <div class="index-list-top">
                <div class="like-title fl">
                    <i class="like-heart fl"></i>
                    <span>猜你喜欢</span>
                </div>

                <i class="refresh-icon fr"></i>
            </div>

            <div class="like-item fl orange-border-left">
                <div class="like-item-top orange-like-title">订单</div>

                <p class="like-item-title a-line">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>

                <div class="new-item-type" style="padding: 0;">
                    <i class="index-circular fl orange-circular"></i>
                    <span class="fl">项情交易</span>
                </div>

                <div class="like-middle">
                    <div class="terminal-item-middle">
                        <span>标价：</span>
                        <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                        <span class="terminal-item-orange">48人</span>申请接单
                    </div>

                    <div class="terminal-item-middle">
                        <span>行业：</span>
                        <span>xxxxxxx</span>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <span>应用：xxxxxxx</span>
                    </div>
                </div>

                <div class="terminal-item-like">
                    <span class="index-heart-empty fl"></span>
                    <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                    <a href="" class="terminal-item-btn fr">详情 ></a>
                </div>
            </div>

            <div class="like-item fl blue-border-left">
                <div class="like-item-top blue-like-title">集成产品</div>

                <p class="like-item-title a-line">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>

                <div class="new-item-type" style="padding: 0;">
                    <i class="index-circular fl orange-circular"></i>
                    <span class="fl">项情交易</span>
                </div>

                <div class="like-middle">
                    <div class="terminal-item-middle">
                        <span>标价：</span>
                        <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                        <span class="terminal-item-orange">48人</span>申请接单
                    </div>

                    <div class="terminal-item-middle">
                        <span>行业：</span>
                        <span>xxxxxxx</span>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <span>应用：xxxxxxx</span>
                    </div>
                </div>

                <div class="terminal-item-like">
                    <span class="index-heart-empty fl"></span>
                    <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                    <a href="" class="terminal-item-btn fr">详情 ></a>
                </div>
            </div>

            <div class="like-item fl green-border-left">
                <div class="like-item-top green-like-title">资讯</div>

                <p class="like-item-title a-line">白酒球头瓶盖自动上盖白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线白酒球头瓶盖自动上盖生产线生产线</p>

                <div class="new-item-type" style="padding: 0;">
                    <i class="index-circular fl orange-circular"></i>
                    <span class="fl">项情交易</span>
                </div>

                <div class="like-middle">
                    <div class="terminal-item-middle">
                        <span>标价：</span>
                        <span class="terminal-item-orange">9000元</span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;
                        <span class="terminal-item-orange">48人</span>申请接单
                    </div>

                    <div class="terminal-item-middle">
                        <span>行业：</span>
                        <span>xxxxxxx</span>&nbsp;&nbsp;|&nbsp;&nbsp;
                        <span>应用：xxxxxxx</span>
                    </div>
                </div>

                <div class="terminal-item-like">
                    <span class="index-heart-empty fl"></span>
                    <div class="terminal-item-num fl terminal-item-taste"><span class="terminal-item-orange">11118人</span>感兴趣</div>
                    <a href="" class="terminal-item-btn fr">详情 ></a>
                </div>
            </div>
        </div>

    </div>

    <div class="ad-bottom-box">
        <div class="ad-btn-box">
            <a href="" class="ad-btn fl">我要发单</a>
            <a href="" class="ad-btn fr ad-btn-2">我要接单</a>
        </div>
    </div>

    <div class="page-bottom">
        <div class="bottom-box">
            <div class="bottom-contact">
                <img src="images/bottom-logo.png" width="213" height="61" class="fl">

                <div class="qr-code fl">
                    <img src="images/QR-code.png" width="140" height="140">
                    <p>关注微信</p>
                </div>

                <div class="contact-item fl">
                    <p>咨询电话：400-060-6046</p>
                    <p>周一至周日 8:00-21:00</p>
                    <p>售后服务专线：400-066-8780</p>
                    <p>周一至周日 9:00-21:00</p>
                </div>

                <div class="copyright-box fr">
                    <p>Copyright 2017 www.zyw.com All Rights Reserved</p>
                    <p>皖ICP备15085749号 ICP证153948号</p>
                    <p>京公网安备119484802020485号</p>
                </div>
            </div>

            <div class="friendship-link">
                <ul class="link-ul">
                    <li>
                        <a href="" class="fl">友情链接</a>
                    </li>
                    <li>
                        <a href="" class="fl">友情链接</a>
                    </li>
                    <li>
                        <a href="" class="fl">友情链接</a>
                    </li>
                    <li>
                        <a href="" class="fl">友情链接</a>
                    </li>
                    <li>
                        <a href="" class="fl">友情链接</a>
                    </li>
                    <li>
                        <a href="" class="fl">友情链接</a>
                    </li>
                    <li>
                        <a href="" class="fl">友情链接</a>
                    </li>
                    <li>
                        <a href="" class="fl">友情链接</a>
                    </li>
                    <!--最后一个-->
                    <li>
                        <a href="" class="fl last-href">友情链接</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<script src="js/swiper.min.js"></script>
<script>
    // banner
    var swiper = new Swiper('.swiper-container', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 4000,
            disableOnInteraction: false
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev'
        },
        loop: true,
        effect : 'fade'
    });

    // notice
    var notice = new Swiper('.notice-container', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
            delay: 4000,
            disableOnInteraction: false
        },
        navigation: {
            nextEl: '.notice-button-next',
            prevEl: '.notice-button-prev'
        },
        loop: true
    });

    // 最新发单
    var newBilling = new Swiper('.billing-container', {
        slidesPerView: 4,
        spaceBetween: 30,
        slidesPerGroup : 4,
        freeMode: true,
        pagination: {
            el: '.billing-pagination',
            clickable: true
        },
        navigation: {
            nextEl: '.billing-button-next',
            prevEl: '.billing-button-prev'
        }
    });

    // 监听向上滑动
    $(window).scroll(function() {
        var scroll_top = $(this).scrollTop();

        if (scroll_top > 350) {
            $('.index-top').addClass('index-top-fixed');
        } else {
            $('.index-top').removeClass('index-top-fixed');
        }
    });

</script>
</body>
</html>